import "./css/main.css"
import "./css/a.less"

console.log('hello webapck')

const div1 = document.createElement('div')
div1.className = 'img-box'
div1.innerHTML = '123hhhhhh'


// const img1 = new Image()
const img1 = document.createElement('img')
// img1.src = require("./img/a.jpeg").default
img1.src = require("./img/a.jpeg")
// import src from "./img/b.jpeg"
// img1.src = src
// 与file-loader版本有关
// 在4.x版本中，require引入的值是资源
// 从5.x开始，require引入返回的是一个对象，default属性才是资源本身
div1.appendChild(img1)


const div2 = document.createElement('div')
div2.className = 'img-box bg-image'
div1.appendChild(div2)

document.body.appendChild(div1)